<template>
  <div class="categories">
    <h4 style="margin-bottom: 16px">标签云</h4>
    <div>
      <a-tag color="pink">Nodejs</a-tag>
      <a-tag color="red">red</a-tag>
      <a-tag color="orange">MySQL</a-tag>
      <a-tag color="green">web前端</a-tag>
      <a-tag color="cyan">cyan</a-tag>
      <a-tag color="blue">CNN</a-tag>
      <a-tag color="purple">purple</a-tag>
      <a-tag color="orange">orange</a-tag>
      <a-tag color="green">green</a-tag>
      <a-tag color="cyan">算法</a-tag>
      <a-tag color="blue">blue</a-tag>
      <a-tag color="purple">purple</a-tag>
      <a-tag color="orange">机器学习</a-tag>
      <a-tag color="green">green</a-tag>
      <a-tag color="cyan">Java框架</a-tag>
      <a-tag color="blue">Golang</a-tag>
      <a-tag color="purple">RNN</a-tag>
      <a-tag color="orange">orange</a-tag>
      <a-tag color="green">green</a-tag>
      <a-tag color="cyan">数据库原理</a-tag>
      <a-tag color="blue">blue</a-tag>
      <a-tag color="purple">purple</a-tag>
      <a-tag color="orange">Pytorch</a-tag>
      <a-tag color="green">green</a-tag>
      <a-tag color="cyan">数据库原理</a-tag>
      <a-tag color="blue">blue</a-tag>
      <a-tag color="purple">AI</a-tag>
    </div>
    <h4 style="margin: 16px 0">Star</h4>
    <div>
      <a-tag color="#f50">Golang</a-tag>
      <a-tag color="#2db7f5">Java</a-tag>
      <a-tag color="#87d068">Ant.design</a-tag>
      <a-tag color="#108ee9">Vue.js</a-tag>
    </div>
  </div>
</template>
<script>
import moment from "moment";
import { getNewMovieList, getHotMovieList } from "@/api/MovieRest";
export default {
  data() {
    return {
      TagData: [],
      loading: true,
    };
  },
  filters: {
    fromNow(date) {
      return moment(date).fromNow();
    },
  },
  created() {
    this.getTag();
  },
  methods: {
    getTag() {
      getHotMovieList({ num: 4 }).then((res) => {
        this.loading = false;
        this.MonthData = res;
      });
    },
  },
};
</script>


<style scoped>
.categories {
  padding: 30px;
}

.categories .ant-tag {
  margin: 4px;
}
</style>
